<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>用户注册</title>
    <link rel="stylesheet" href="css.css" type="text/css">
    

</head>

<body>  
     
    <form action="data.html" method="get" id="frm1">

    <div class="formm">
        <h1>欢迎注册会员</h1>
        <br />

    <div>
        <label for="phone" class="biao">手机号码：</label>
        <input type="text" id="phone" name="phone"  placeholder="11位手机号" maxlength="11"/>
        <span>必填</span>
    </div>

    <div>
        <label for="mima" class="biao">创建密码：</label>
        <input type="password" id="mima" name="mima"  placeholder="8位密码" maxlength="8"/>
        <span>必填</span>
    </div>

    <div>
        <label for="email" class="biao">注册邮箱：</label>
        <input type=" email" id="email" name="email"  placeholder="例如wustzz@sina.com" />
        <span>必填</span>
    </div>
  

   

                
    <!--验证码是怎么写的-->
          
    <div id="box">
        <label for="yan" class="biao"> &nbsp;&nbsp;&nbsp;验证码：&nbsp;</label>
        <input type="text" id="yan" name="yan" />
        <p id="check"></p>  
        <p id="yanzheng"></p>
    </div>

          
    
    <span class="biao"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;性别:&nbsp;&nbsp;&nbsp;&nbsp;</span>

        <label><input type="radio" name="sex" value="女">女</label>
        <label><input type="radio" name="sex" value="男">男</label>
        
        <br />

        <!-- 生日 date类型 -->
        <form> <span class="biao">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;生日：&nbsp;</span><input type="date" name="bday" style="width:186px"></form>
    

        <div>
            <label for="age" class="biao">年龄：</label>
            <input type="text" id="age" name="age"  />    
        </div>
     
    
        
        <!--二级联动-->
      

        <form name="jiguan"> 
            <span class="biao">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;籍贯：&nbsp;</span>
            <select name="province" onChange="redirec(document.jiguan.province.options.selectedIndex)" style="width:91px;">
                <option selected>请选择</option>
                <option value="1">湖北省</option>
                <option value="2">湖南省</option>
                <option value="3">湖西省</option>
                <option value="4">湖东省</option>
                <option value="5">其他省</option>
            </select>

            <select name="city" style="width:91px">
               <option value="请选择"selected>请选择</option> 
            </select>
        </form>

        <!-- <br> -->
        <span class="biao">&nbsp;个人学历：&nbsp;</span>
        <select name="xueli" style="width:187px">
            <option value="幼儿园">幼儿园</option>
            <option value="小学">小学</option>
            <option value="初中">初中</option>
            <option value="高中">高中</option>
            <option value="大专">大专</option>
            <option value="本科" selected="selected">本科</option>
            <option value="研究生">研究生</option>
            <option value="博士">博士</option>
        </select>
        <br />
        
        <!--滑块-->
        <span class="biao"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;月薪：</span><input id="range" name="yuexin" type="range" min="0" max="20000" value="10000" oninput="change()" onchange="change()" style="width:192px">
        <span id="value">10000</span>
     
        <br />
        
        
        <span class="biao">&nbsp;个人爱好:</span>
        <label> <input type="checkbox" name="hobby" value="唱歌">唱歌</label>
        <label> <input type="checkbox" name="hobby" value="跑步">跑步</label>
        <label> <input type="checkbox" name="hobby" value="游泳">游泳</label>
       
        <br />
       
        
        <span class="biao">&nbsp;个人照片：</span><br>

        <div class="picture">
            <input type="file" name="file" onchange="preview(this)" accept="image/*"/>
            <img id="picture" src="" style=" width: 350px; height: auto; border: 0; margin:10px 47px;" />
        </div>
    
         
        
    <br />
    <span class="biao">个人简历:</span> <br>
    <textarea name="into" rows="10" cols="45">请填写个人简历</textarea>
    <br />

    <!-- <div class="footer">
        <input type="submit" value="提交" />
        <button calss="btn-reset" type="reset">重置</button> -->
        <!-- <input type="reset" value="重填" /> -->
        <!-- <input type="button" onclick="formReset()" value="重置">
    </div>  -->
    <div>
        <input type="submit" value="提交">
        <input type="reset" value="重填">
      </div>
</form>

<script src="script.js"></script>


</div>
</body>
</html>